@charset "utf-8";
#wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

#wrap header {
    margin: 0.2rem auto;
    width: 8.85333333rem;
    height: 0.82666667rem;
    background-color: #fd4c4c;
    border-radius: 31px;
}

#wrap header .title {
    margin: 0.2rem auto;
    padding: 0 0.66666667rem;
    width: 85%;
    height: 0.82666667rem;
    background-color: #fd4c4c;
    line-height: 0.82666667rem;
    font-size: 0.29333333rem;
    color: #fff;
    border-radius: 0.41333333rem;
}

#wrap header .title div {
    float: right;
    width: 85%;
}

#wrap header p {
    float: left;
    margin-right: 0.66666667rem;
}

#wrap header i {
    font-size: 0.29333333rem;
}


/*主体*/

.main {
    padding: 0 0.4rem;
    width: 92%;
    height: auto;
}

.main li {
    padding: 0.53333333rem 0;
    width: 100%;
    height: 1.86666667rem;
    border-top: 1px solid #ddd;
}

.main li a {
    display: block;
    width: 100%;
    height: 100%;
}

.main li a img {
    width: 25%;
    height: inherit;
}

.main li div {
    position: relative;
    float: right;
    margin-top: 0.32rem;
    width: 60%;
    height: 1.2rem;
}

.main li div p:nth-child(1) {
    overflow: hidden;
    margin-bottom: 0.32rem;
    width: 4.66666667rem;
    font-size: 0.37333333rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

.main li div p:nth-child(2) {
    font-size: 0.32rem;
    color: #999;
}

.main li div i {
    position: absolute;
    right: 0;
    top: 0.4rem;
    font-size: 0.45333333rem;
    color: #999;
}